<!doctype html>
<html>

<head>
<meta charset="utf-8">
<link media="all" href="css/home.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<title>登山手机页面</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no">
<meta content="" name="Keywords">
<meta content="" name="Description">
<!-- Mobile Devices Support @begin -->
<meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8">
<meta http-equiv="Cache-Control" content="no-cache,must-revalidate">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="0">
<meta name="format-detection" content="telephone=no, address=no">
<meta content="yes" name="apple-mobile-web-app-capable"> <!-- apple devices fullscreen -->
<meta content="black-translucent" name="apple-mobile-web-app-status-bar-style">
<!-- Mobile Devices Support @end -->
<link href="favourite.ico" rel="shortcut icon">
<link rel="apple-touch-icon" href="icon.png" />
<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<!--iPad 1 72x72 像素-->
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<!--iPhone 4 114x114 像素-->
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />
</head>
<body>
<div id="main">
	<header>
		<a  class='return'></a>
		
		积分明细
		
    </header>

	
	<!-- 主体内容 begin-->
    <div class="cell">
    	<div class="panel">
				   <lable class='huge'>宁波登山俱乐部</lable></br>
				   <lable class='small gray'>成立于:2015/4/1 | 浙江省宁波市</lable>
				   <p style='text-align:right;margin-top:-60px'>
					   <lable class='huge red'>1598</lable><lable class='huge'>分</lable></br>
					   <lable class='small gray rank'>15名</lable>
				   </p>
				   <div class='line'></div>
				   
				   <div class='step'>
						<div class='line'></div>
						<section class='active'>1/预选赛</section>  <!-- 添加active样式名，触发蓝色背景 -->
						<section>2/确认参赛</section>			   
						<section>3/公布成绩</section>				   
				   </div>

        </div>
    </div>
	
	<div class='cell_full'>
		<nav>
			  <ul>
				 <li><a>赛事介绍</a></li>
				 <li><a>赛事任务</a></li>
				 <li><a>团队成员</a></li>
				 <li><a class='red'>积分明细</a></li>
			  </ul>
		</nav>	
		<table class='celler list list_intro' style='display:none'>
			<tr>
				<td>
				   <div class="cell">
					   <article>
						 <img src='images/banner.png' />
						 <aside>
							 涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛
							 涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛
							 涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛涌动全程爬山比赛
						 </aside>
					   </article>	
					   <a class="submit">了解赛事</a>
                   </div>				   
				</td>
			</tr>			
		</table>		
		
		
		<table class='celler list list_mission' style='display:none'>	
			<tr>
				<td style='border-bottom:none'> 
				    <div class="cell_transparent">
						<lable class='small gray'>进入以下页面，为该团队点赞、转发，即可帮助他们增长积分！</lable>	
				    </div>
					<table class='celler_inner list'>
						<tr href='index.html'>  <!-- 直接通过href指向对应的任务页面 -->
							<td width='100'><lable class='blue'>任务</lable></td>
							<td>安徽省黄山市推出特色旅游活动</td>
							<td width='100' class='to'></td>
						</tr>
						<tr>
							<td><lable class='blue'>任务</lable></td>
							<td>安徽省黄山市推出特色旅游活动</td>
							<td class='to'></td>
						</tr>	
						<tr>
							<td><lable class='blue'>任务</lable></td>
							<td>安徽省黄山市推出特色旅游活动</td>
							<td class='to'></td>
						</tr>
						<tr>
							<td><lable class='blue'>任务</lable></td>
							<td>安徽省黄山市推出特色旅游活动</td>
							<td class='to'></td>
						</tr>			
					</table>
				</td>
			</tr>			
		</table>		
		
		
		<table class='celler list list_team' style='display:none'>
			<tr>
				<td>罗超杰</td>
				<td>男</td>
				<td>浙江省宁波市</td>
				<td>入队:2015/3/1</td>
			</tr>
			<tr>
				<td>罗超杰</td>
				<td>男</td>
				<td>浙江省宁波市</td>
				<td>入队:2015/3/1</td>
			</tr>	
			<tr>
				<td>罗超杰</td>
				<td>男</td>
				<td>浙江省宁波市</td>
				<td>入队:2015/3/1</td>
			</tr>
			<tr>
				<td>罗超杰</td>
				<td>男</td>
				<td>浙江省宁波市</td>
				<td>入队:2015/3/1</td>
			</tr>			
			<tr>
				<td colspan='4'>
				 <div class='cell'>
				   <a class="submit">加入团队</a>
				 </div>
				</td>
			</tr>			
						
			 
		</table>		
		
		<table class='celler list'>
			<tr>
				<td>类别</td>
				<td>次数</td>
				<td>获得积分</td>
			</tr>
			<tr>
				<td>点赞数</td>
				<td>188</td>
				<td>888</td>
			</tr>		
			<tr>
				<td>阅读量</td>
				<td>188</td>
				<td>888</td>
			</tr>
			<tr>
				<td>转发量</td>
				<td>188</td>
				<td>888</td>
			</tr>			
		</table>
	
	
	</div>
	<!-- 主体内容 end-->	
	
	<!-- 尾部 begin-->	
	<footer>
	    <a  class='return'></a>
	    <!--<p>© 2014超级联赛</p>-->
	</footer>
	<!-- 尾部 end-->	
</div>
<script type="text/javascript">

$(function(){
	$('nav ul li').click(function(){
	  var index = $(this).index();
	  $('table.celler').css('display','none');
	  $('table.celler').eq(index).css('display','');
	  $('nav li a').removeClass('red');
	  $(this).children('a').addClass('red');
	});

	$('table.celler_inner tr').click(function(){
	   location.href= $(this).attr('href')
	})
});

</script>

</body>
</html>